$(function () {
    intiMonthBox('ymd1');
    intiMonthBox('ymd2');
        $.ajaxSetup({
            cache: false,
            headers: {
                "header":localStorage.getItem("token")
            }
        });
        $("#tt").datagrid({
            idField : 'id',
            title: "",
            url : basePath + "totalExpense/page",
            width: "100%",
            height: "550px",
            singleSelect : false, /* 是否选中一行 */
            pagination : true,/* 是否显示下面的分页菜单 */
            border:true,
            onClickRow: function(index,row){
                $("#tt").datagrid("clearSelections");
            },
            rowStyler: function() {
                return 'height: 60px';
            },
            rownumbers:true,
            columns : [ [  {field : 'id', checkbox: false,hidden:true},
                {field : 'ymd',title : '日期',width : '35%',align : 'center'},
                {field : 'totalMoney',title : '消费金额',width : '30%',align : 'center'}

            ]],
            loadMsg : '数据加载中,请稍候......'
        });

        var p = $('#tt').datagrid('getPager');
        $(p).pagination({
            /*
             * 页数文本框前显示的汉字 修改每页默认条数 搜索pageList在jquery.easyui.min.js中修改，
             * 分页区下拉分页数量集合和默认每页分页条数 striped属性 交替行换色
             */
            beforePageText: '第',
            afterPageText: '页    共 {pages} 页',
            displayMsg: '当前显示 {from}-{to} 条记录,共 {total} 条记录'
        });

    }
);
// 搜索
function doSearch() {
    $('#tt').datagrid('load', {
        ymd1: $('#ymd1').val(),
        ymd2: $('#ymd2').val()
    });
}

function clearQry() {
    //$("#measureTime1").datebox("setValue","");
    //$("#measureTime2").datebox("setValue","");

    $("#qryForm")[0].reset();
    $("[name='ymd1']").val("");
    $("[name='ymd2']").val("");
    doSearch();
}



// 关闭弹窗
function cancelDlg1(){
    $('#addExpensesDlg').dialog("close");
}
//关闭弹窗
function cancelDlg(dlgName){
    $('#'+dlgName).dialog("close");
}

var intiMonthBox = function(id){
    var db = $('#'+id);
    db.datebox({
        onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
            span.trigger('click'); //触发click事件弹出月份层
            if (!tds) setTimeout(function () {//延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
                tds = p.find('div.calendar-menu-month-inner td');
                tds.click(function (e) {
                    e.stopPropagation(); //禁止冒泡执行easyui给月份绑定的事件
                    var year = /\d{4}/.exec(span.html())[0]//得到年份
                        , month = parseInt($(this).attr('abbr'), 10); //月份，这里不需要+1
                    db.datebox('hidePanel')//隐藏日期对象
                        .datebox('setValue', year + '-' + month); //设置日期的值
                });
            }, 0);
            yearIpt.unbind();//解绑年份输入框中任何事件
        },
        parser: function (s) {
            if (!s) return new Date();
            var arr = s.split('-');
            return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1);
        },
        formatter: function (d) {
            return d.getFullYear() + '-' + (d.getMonth() + 1);
        }
    });
    var p = db.datebox('panel'), //日期选择对象
        tds = false, //日期选择对象中月份
        yearIpt = p.find('input.calendar-menu-year'),//年份输入框
        span = p.find('span.calendar-text'); //显示月份层的触发控件
};

